<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
					#All{
						width: 100%;
						overflow: auto;
						
					}
					
					#head{
						width: 1024px;
						height: 150px;
						background: url(img/h_bg.jpg);
						margin: 0 auto;
					}
					#head-right{
						width: 40%;
						height: 28px;
						float: right;
						position: relative;
						left: -50px;
						top: 10px;
					}
					#head-right ul{
						list-style: none;
						margin-top: 3px;
					}
					#head-right ul li{
						float: left;
						margin-left: 10px;
						
					}
					#head-right ul li a{
						color: black;
						font-size: 15px;
						text-decoration: none;
						text-align: center;
					
					}
					#head-time{
						position: relative;
						left: 600px;
						top: 70px;
					}
					#head-time p{
						font-size: 13px;
						color: #00BFFF;
					}
					#head-dh{
						width: 100%;
						float: left;
						position: relative;
						top: 55px;
					}
					#head-dh ul{
						list-style: none;
						position: relative;
						left: -20px;
					}
					#head-dh ul li{
						width: 84px;
					  	float:left;
					  	text-align:center;
					  	font-weight:bold;
					}
					#head-dh ul li a{
						line-height:30px;
						text-decoration: none;
					  	color:#333;
					  	font-size:14px;
					}
					#head-dh a:hover{
						background-color: aqua;
					}
					#index{
						background: url(img/bg.gif);
						width: 980px;
						height: 660px;
						margin: 0 auto;
					}
					#class{
						height:600px;
						width:200px;
					}
					#class ul{
						list-style: none;
						padding: 42px 10px;
						position: relative;
						top: -10px;
					}
					#class li{
						width: 60px;
						font: 12px/22px 宋体;
						float: left;
					}
					#class h1{
						font: bold 14px 宋体;
						color:#ff7300;
						line-height:27px;
					}
					#class a{
						color: black;
						text-decoration: none;
					}
					#new{
						width: 200px;
						height:250px;
						padding-top:55px;
						float: left;
						position: relative;
						left: 750px;
						top: -890px;
					}
					#new dl{
						width: 230px;
						height: 40px;
					}
					#new dt{
						float: left;
						width: 95px;
					}
					#new img{
						border:1px solid #9ea0a2;
						width:60px;
						height:45px;
						vertical-align:middle;
					}
					#new a{
						text-decoration: none;
						color: black;
						font: 12px/45px 宋体;
						margin-left: -10px;
					}
					#new a:hover{
						color: goldenrod;
					}
					#sna{
						width: 600px;
						height:400px;
						text-align:center;
						float: left;
						position: relative;
						top: -390px;
					}
					#sna dl{
						float:left;
						width:180px;
						height:100px;
					}
					#sna a{
						font: 10px 宋体;
						color: black;
						text-decoration: none;
					}
					#sna img{
						vertical-align:middle;
						border:1px solid #ccc;
					}
					#if{
						width: 100%;
						height: 350px;
						position: relative;
						top: -680px;
					}
					
					</style>
	</head>
	<body>
		<div id="All">
					<div id="head">
					<div id="head-right">
						<ul>
							<li><a href="buy.html" target="_parent">购物车</a></li>
							<li><a href="new_file.html" target="_parent">帮助中心</a></li>
							<li><a href="list.html">加入收藏</a></li>
							<li><a href="#">设为首页</a></li>			
							<li><a href="登录.html" style="color: #00BFFF;">登录</a></li>
							<li><a href="注册.html" style="color: #00BFFF;">注册</a></li>
						</ul>
					</div>
					<div id="head-time">
						<p>你好！欢迎访问贵美商城！</p>
					</div>
					<div id="head-dh">
						<ul>
			  				<li><a href="主页.html">首页</a></li>
			  				<li><a href="#">家用电器</a></li>
			  				<li><a href="#">手机数码</a></li>
			  				<li><a href="#">日用百货</a></li>
			  				<li><a href="#">书籍</a></li>
			  				<li><a href="#">帮助中心</a></li>
			  				<li><a href="#">免费开店</a></li>
			  				<li><a href="#">全球咨询</a></li>  				
		  				</ul>
					</div>
				</div>
				<div id="index">
					<div id="class">
						<ul>
							<h1>家用电器</h1>
							<li><a href="#">大家电</a></li>
							<li><a href="#">洗衣机</a></li>
							<li><a href="#">平板电视</a></li>
							<li><a href="#">电热水器</a></li>
							<li><a href="#">家庭音响</a></li>
							<li><a href="#">热水器</a></li>
							<li><a href="#">空调冰箱</a></li>
							<li><a href="#">冷柜</a></li>
							<li><a href="#">DVD</a></li>
							<li><a href="#">电视附件</a></li>
							<li><a href="#">电燃气</a></li>
							<li><a href="#">家电下乡</a></li>
							<li><a href="#">家电服务</a></li>
							<li><a href="#">电饭煲</a></li>
							<li><a href="#">摄像机</a></li>					
						</ul>
						<ul>
							<h1>书籍</h1>
							<li><a href="#">大家电</a></li>
							<li><a href="#">洗衣机</a></li>
							<li><a href="#">平板电视</a></li>
							<li><a href="#">电热水器</a></li>
							<li><a href="#">家庭音响</a></li>
							<li><a href="#">热水器</a></li>
							<li><a href="#">空调冰箱</a></li>
							<li><a href="#">冷柜</a></li>
							<li><a href="#">DVD</a></li>
							<li><a href="#">电视附件</a></li>
							<li><a href="#">电燃气</a></li>
							<li><a href="#">家电下乡</a></li>
							<li><a href="#">家电服务</a></li>
							<li><a href="#">电饭煲</a></li>
							<li><a href="#">摄像机</a></li>					
						</ul>
						<ul>
							<h1>手机数码</h1>
							<li><a href="#">大家电</a></li>
							<li><a href="#">洗衣机</a></li>
							<li><a href="#">平板电视</a></li>
							<li><a href="#">电热水器</a></li>
							<li><a href="#">家庭音响</a></li>
							<li><a href="#">热水器</a></li>
							<li><a href="#">空调冰箱</a></li>
							<li><a href="#">冷柜</a></li>
							<li><a href="#">DVD</a></li>
							<li><a href="#">电视附件</a></li>
							<li><a href="#">电燃气</a></li>
							<li><a href="#">家电下乡</a></li>
							<li><a href="#">家电服务</a></li>
							<li><a href="#">电饭煲</a></li>
							<li><a href="#">摄像机</a></li>					
						</ul>
						<ul>
							<h1>日用百货</h1>
							<li><a href="#">大家电</a></li>
							<li><a href="#">洗衣机</a></li>
							<li><a href="#">平板电视</a></li>
							<li><a href="#">电热水器</a></li>
							<li><a href="#">家庭音响</a></li>
							<li><a href="#">热水器</a></li>
							<li><a href="#">空调冰箱</a></li>
							<li><a href="#">冷柜</a></li>
							<li><a href="#">DVD</a></li>
							<li><a href="#">电视附件</a></li>
							<li><a href="#">电燃气</a></li>
							<li><a href="#">家电下乡</a></li>
							<li><a href="#">家电服务</a></li>
							<li><a href="#">电饭煲</a></li>
							<li><a href="#">摄像机</a></li>					
					  	</ul>      
					</div>
					<div id="sna">
									<dl>
					        			<dt><img src="img/promote-1.jpg"/></dt>
											<dd><a href="#">惠普商务移动应用英寸笔记本</a></dd>
									</dl>
									<dl>						
					        			<dt><img src="img/promote-2.jpg"/></dt>
											<dd><a href="#">夏新N6 GPS真人语音导航手机</a></dd>
									</dl>
									<dl>						
					        			<dt><img src="img/promote-3.jpg"/></dt>
											<dd><a href="#">三星家庭影院 HT-TZ325</a></dd>
									</dl>
									<dl>						
					        			<dt><img src="img/laser-pen.jpg"/></dt>
											<dd><a href="#">明基MP512投影机 2899元 </a></dd>
									</dl>
									<dl>						
					        			<dt><img src="img/mouse.jpg"/></dt>
											<dd><a href="#">罗技数据1TB移动鼠标729元开抢了！</a></dd>
									</dl>
									<dl>						
					        			<dt><img src="img/earphone.jpg"/></dt>
											<dd><a href="#">海森那尔极品耳机绝对不容错过！</a></dd>
									</dl>
									<dl>						
					        			<dt><img src="img/Wancom.jpg"/></dt>
											<dd><a href="#">亚马逊随时阅读，随时记录，时尚最佳选择！</a></dd>
									</dl>
									<dl>
					        			<dt><img src="img/Frame.jpg"/></dt>
											<dd><a href="#">优雅相框</a></dd>
									</dl>
									<dl>
					        			<dt><img src="img/notebook.jpg"/></dt>
											<dd><a href="#">IBM	2009最新上网本，特色尽显</a></dd>
									</dl> 
								</div>
								<div id="new">
									<dl>
										<dt><img src="img/show1.jpg"/></dt>
										<dd><a href="#">大牌狂降价，三折直送</a></dd>
									</dl>
									<dl>
										<dt><img src="img/show2.jpg"/></dt>
										<dd><a href="#">大学要求老师开网店</a></dd>
									</dl>
									<dl>
										<dt><img src="img/show3.jpg"/></dt>
										<dd><a href="#">黑眼圈推荐，美白不停</a></dd>
									</dl>
									<dl>
										<dt><img src="img/show4.jpg"/></dt>
										<dd><a href="#">瘦身狂潮风，修形之选</a></dd>
									</dl>
								</div>
							</div>
				</div>
					<iframe id="if" src="底部.html" width="" height="" frameborder="0" scrolling="no" align="middle"></iframe>
				</div>
			
	</body>
</html>
